<template>
	<view class="zone">

		<u-navbar :is-back="false" :height="60" :background="background" :border-bottom="false">
			<view class="slot-wrap">
				<view class="nav-bar2">
					<view class="n_left">
						<u-icon class="back" size="20px" color="#fff" @click="$p.back()" name="arrow-left"></u-icon>
						<text>玩法介绍</text>
					</view>
				</view>
			</view>
		</u-navbar>

		<view class="main">
			<view class="box">
				<p>玩家选择一个妖怪扮演，满足人数后，大圣随机赶跑一个妖怪，其他妖怪扮演者平均瓜分被赶跑妖怪的水晶</p>
				<image src="../../static/wolfkill/rule2.png" mode="widthFix" />
				<!-- <view>
					<p>补充说明：</p>
					<p class="mart20"> 1.玩家只能选择一个妖怪扮演，玩家选中妖怪后在 <text>倒计时结束前都可以切换不同的妖怪</text> </p>
					<p>2.玩家 <text>可增加投入的水晶</text> 投入的越多瓜分的越多（投入的水晶不能减少）。</p>
					<p>3、投入的时候需扣除2%手续费，用于提升水晶价值</p>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: 'transparent',
				},
			};
		}
	}
</script>

<style lang="less">
.zone {
	background: #1A1A1A;
	min-height: 100vh;
}

.nav-bar2 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 60px;
		padding: 0px 10px;
	}

	.n_left {
		text {
			color: #fff;
			font-weight: 600;
			font-size: 25px;
			margin-left: 5px;
		}
	}

	.shouxu {
		color: #fff;
		font-size: 14px;
	}


.main {
	padding: 10px;
}

.box {
	background: rgba(255,255,255,0.05);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
	border-radius: 5px;
	min-height: calc(100vh - 100px);
	padding: 15px;
	box-sizing: border-box;

	p {
		color: #fff;
		font-size: 12px;

		text {
			color: #FE431A;
		}
	}

	image {
		width: 100%;
		margin: 10px 0;
	}
}

.mart20 {
	margin-top: 20px;
}



</style>
